import{d as m,e as l,o as _,n as h,a as f,P as v,Q as g,$ as s,K as n,bu as r,X as C,R as e,S as x,a5 as w,bv as R,bw as k,a8 as b,a9 as F}from"./elementPlusModules.js";import S from"./dropWrap.js";import{P as V}from"./prism.js";import{_ as z}from"./index.js";import"./lodashModules.js";import"./vxeTableModules.js";const c=o=>(b("data-v-c3c1fc76"),o=o(),F(),o),I=c(()=>e("div",{class:"show_link"},[e("a",{href:"https://element-plus.org/zh-CN/component/rate.html",target:"_blank"},"https://element-plus.org/zh-CN/component/rate.html")],-1)),N=c(()=>e("h4",{class:"title_lv2"},"基础用法",-1)),B={class:"language-js"},D=m({__name:"rate",setup(o){const t=l(null),d={2:r,4:{value:R,excluded:!0},5:k};let u=l(`
		<el-rate
		v-model="value1" 
		allow-half //允许半星
		clearable //允许再次点击可清空
		size="small" //尺寸设置'large' | 'default' | 'small'
		:void-icon="ChatRound" //自定icon
		:icons="icons" //绑定自定义icon列表
		show-text //允许展示辅助文字
		:texts="['oops', 'disappointed', 'normal', 'good', 'great']" //辅助文字内容
		:colors="['#409eff', '#67c23a', '#FF9900']" //选择的icon颜色
		 />
		
		js部分
		import { ref, onMounted, nextTick } from "vue";
		import { ChatDotRound, ChatLineRound, ChatRound } from '@element-plus/icons-vue'
		
		const value1 = ref(null)
		const icons = { 2: ChatRound, 4: { value: ChatLineRound, excluded: true }, 5: ChatDotRound }
	`);return _(()=>{h(()=>{V.highlightAll()})}),(P,a)=>{const i=f("el-rate");return v(),g(w,null,[I,N,s(i,{modelValue:t.value,"onUpdate:modelValue":a[0]||(a[0]=p=>t.value=p),"allow-half":"",clearable:"",size:"small","void-icon":n(r),icons:d,"show-text":"",texts:["oops","disappointed","normal","good","great"],colors:["#409eff","#67c23a","#FF9900"]},null,8,["modelValue","void-icon"]),s(S,{key:"oreo"},{default:C(()=>[e("pre",null,[e("code",B,x(n(u))+" ",1)])]),_:1})],64)}}}),E=z(D,[["__scopeId","data-v-c3c1fc76"]]);export{E as default};
